<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<div class="panel charger checkForm">
	<form class="form-horizontal" role="form" :validate="@validate">
		<div class="formCenter">
			<div class="form-group">
				<label class="col-sm-2 control-label"><span class="col_red">*</span>被查人员证件类型：</label>
				<div class="col-sm-7">
					<select class="form-control input-sm" :duplex="@inquiryModel.cardType" :change="@changeIdType">
						<option :for="el in @cardModel" ms-attr="{value: el.type}">{{el.name}}</option>
					</select>
					<label class="errorTips" :visible="@errMsg.cardType">{{errMsg.cardType.message}}</label>
				</div>
			</div>


			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>被查人员姓名：</label>
				<div class="col-sm-7 ">
					<div class="pr">
						<input type="text" class="form-control" id="userName" placeholder="请输入姓名" :duplex="@inquiryModel.userName" :rules="{required: true}" data-required-message="姓名不能为空">
						<label class="errorTips" :visible="@errMsg.userName">{{errMsg.userName.message}}</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>被查人员身份证号：</label>
				<div class="col-sm-7">
					<div class="pr">
						<input type="text" class="form-control" id="cardNum" placeholder="请输入被查人员身份证号" :duplex="@inquiryModel.cardNum" :rules="{required: true}" data-required-message="身份证号不能为空">
						<label class="errorTips" :visible="@errMsg.cardNum">{{errMsg.cardNum.message}}</label>
					</div>
				</div>
			</div>


		</div>

		<div class="Dividingline"></div>

		<div class="formCenter">
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员1证件类型：</label>
				<div class="col-sm-7">
					<select class="form-control input-sm" id="justiceCardType1" :duplex="@inquiryModel.justiceCardType1" :change="@cardTypeChange(1)">
						<option :for="el in @cardModel" ms-attr="{value: el.type}">{{el.name}}</option>
					</select>
					<label class="errorTips" :visible="@errMsg.justiceCardType1">{{errMsg.justiceCardType1.message}}</label>
				</div>
			</div>


			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员1姓名：</label>
				<div class="col-sm-7 ">
					<div class="pr">
						<input type="text" class="form-control" id="justiceName1" placeholder="请输入姓名" :duplex="@inquiryModel.justiceName1" :rules="{required: true}" data-required-message="姓名不能为空">
						<label class="errorTips" :visible="@errMsg.justiceName1">{{errMsg.justiceName1.message}}</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员1身份证号：</label>
				<div class="col-sm-7">
					<div class="pr">
						<input type="text" class="form-control" id="justiceCardNum1" placeholder="请输入司法1人员身份证号" :duplex="@inquiryModel.justiceCardNum1" :rules="{required: true}" data-required-message="身份证号不能为空">
						<label class="errorTips" :visible="@errMsg.justiceCardNum1">{{errMsg.justiceCardNum1.message}}</label>
					</div>
				</div>
			</div>

			<div class="form-group" :visible="@isIdCard(1)">
				<label  class="col-sm-2 control-label">&nbsp;</label>
				<div class="col-sm-7">
					<div class="pr">
						<!--<input type="text" class="form-control" placeholder="请输入手机号码">
                        <label class="errorTips">错误提醒</label>	-->
						<span class="getIdInfo">
												<a href="javascript:void(0);" class="getIdInfoA" :click="@readIdCard(1)">获取二代身份证信息</a>
											</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员1证件图像资料：</label>
				<div class="col-sm-12 text-center">
					<div class="content">
						<ul class="pic-list">
							<li :for="($index, img) in @justice1ImgArr"><img :attr="{src: img.path}" width="200" height="100"/><a class="del" href="javascript:void(0);" :click="@removePic($index, 1)">X</a></li>
						</ul>
					</div>
					<div>
						<p><a href="javascript:void(0);" class="a-btn1 grey" :click="@scan(1,4)">拍摄照片</a></p>
					</div>

				</div>
			</div>
		</div>

		<div class="Dividingline"></div>

		<div class="formCenter">
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员2证件类型：</label>
				<div class="col-sm-7">
					<select class="form-control input-sm" :duplex="@inquiryModel.justiceCardType2" :change="@cardTypeChange(2)">
						<option :for="el in @cardModel" ms-attr="{value: el.type}">{{el.name}}</option>
					</select>
					<label class="errorTips" :visible="@errMsg.justiceCardType2">{{errMsg.justiceCardType2.message}}</label>
				</div>
			</div>


			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>司法人员2姓名：</label>
				<div class="col-sm-7 ">
					<div class="pr">
						<input type="text" class="form-control" id="justiceName2" placeholder="请输入姓名" :duplex="@inquiryModel.justiceName2" :rules="{required: true}" data-required-message="姓名不能为空">
						<label class="errorTips" :visible="@errMsg.justiceName2">{{errMsg.justiceName2.message}}</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label  class="col-sm-2 control-label"><span class="col_red">*</span>被查人员2身份证号：</label>
				<div class="col-sm-7">
					<div class="pr">
						<input type="text" class="form-control" id="justiceCardNum2" placeholder="请输入司法人员2身份证号" :duplex="@inquiryModel.justiceCardNum2" :rules="{required: true}" data-required-message="身份证号不能为空">
						<label class="errorTips" :visible="@errMsg.justiceCardNum2">{{errMsg.justiceCardNum2.message}}</label>
					</div>
				</div>
			</div>

			<div class="form-group" :visible="@isIdCard(2)">
				<label  class="col-sm-2 control-label">&nbsp;</label>
				<div class="col-sm-7">
					<div class="pr">
						<!--<input type="text" class="form-control" placeholder="请输入手机号码">
                        <label class="errorTips">错误提醒</label>	-->
						<span class="getIdInfo">
							<a href="javascript:void(0);" class="getIdInfoA" :click="@readIdCard(2)">获取二代身份证信息</a>
						</span>
					</div>
				</div>
			</div>


			<div class="form-group">
				<label class="col-sm-2 control-label"><span class="col_red">*</span>司法人员2证件图像资料：</label>
				<div class="col-sm-12 text-center">
					<div class="content">
						<ul class="pic-list">
							<li :for="($index, img) in @justice2ImgArr"><img :attr="{src: img.path}" width="200" height="100"/><a class="del" href="javascript:void(0);" :click="@removePic($index, 2)">X</a></li>
						</ul>
					</div>
					<div>
						<p><a href="javascript:void(0);" class="a-btn1 grey" :click="@scan(2,4)">拍摄照片</a></p>
					</div>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-2 control-label"><span class="col_red">*</span>其它证明材料图像资料：</label>
				<div class="col-sm-12 text-center">
					<div class="uploadBox" style="width:780px;margin-left: -50px;">
						<div class="col-md-4">
							<span class="uploadIdPic otherPic" style="width: 100%;height: 180px;line-height: 180px;">
								<b :visible="!@introImgUrlPath.path">请拍摄协查函</b>
								<img :attr="{src:introImgUrlPath.path}"  :visible="@introImgUrlPath.path"/></span>
							</span>
							<p><a href="javascript:void(0);" class="a-btn1 grey" :click="@scan(3,4)">拍摄照片</a></p>
						</div>
						<div class="col-md-4">
							<span class="uploadIdPic otherPic" style="width: 100%;height: 180px;line-height: 180px;"><b :visible="!@letterImgUrlPath.path">请拍摄介绍信</b><img :attr="{src:letterImgUrlPath.path}"  :visible="@letterImgUrlPath.path"/></span>
							<p><a href="javascript:void(0);" class="a-btn1 grey" :click="@scan(4,4)">拍摄照片</a></p>
						</div>
						<div class="col-md-4">
							<span class="uploadIdPic otherPic" style="width: 100%;height: 180px;line-height: 180px;"><b :visible="!@promiseImgUrlPath.path">请拍摄保密承诺书</b><img :attr="{src:promiseImgUrlPath.path}"  :visible="@promiseImgUrlPath.path"/></span>
							<p><a href="javascript:void(0);" class="a-btn1 grey" :click="@scan(5,4)">拍摄照片</a></p>
						</div>

					</div>

				</div>
			</div>

		</div>

	</form>
</div>

<div class="text-center">
	<a href="javascript:void(0);" class="a-btn1" :click="@validate.onManual()">司法查询</a>
</div>

<div style="position: fixed; right: 50px; top: 160px;overflow: hidden;" >
	<div class="floatImg">
		<div id="videoContainer"></div>
	</div>
</div>